<template>
  <div>
    <el-tabs type="border-card" v-model="activeName">
      <el-tab-pane label="基础设置" name="baseSet">
        <baseSetting></baseSetting>
      </el-tab-pane>
      <el-tab-pane label="知识产品" name="konwledge">
        <knowledge></knowledge>
      </el-tab-pane>
      <el-tab-pane label="互动产品" >
        <el-card class="box-card">
          <span>暂未开放</span>
        </el-card>
      </el-tab-pane>
      <el-tab-pane label="商城商品" name="goods">
        <goods></goods>
      </el-tab-pane>
      <el-tab-pane label="内容市场">
        <el-card class="box-card">
          <span>暂未开放</span>
        </el-card>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import { GoodsUnificationList } from "@/api/member";
import baseSetting from "./components/baseSetting";
import knowledge from "./components/knowledge";
import goods from "./components/goods";
export default {
  data() {
    return {
      activeName: "baseSet"
    };
  },

  methods: {
    getData(levelType, courseType) {
      let data = {
        level: levelType, //1是商品 2是课程
        courseType: courseType
      };
      GoodsUnificationList(data).then(res => {
        console.log(res);
      });
    }
  },
  components: {
    baseSetting,
    knowledge,
    goods
  },
  mounted(){
    //   this.getData(2,1)
  }
};
</script>
